

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style type="text/css">
 
  </style>
</head>
<body>
  <div id="app">
  	<!-- 使用自定义指令的时候在标签中加上  v-指令的名称 就可以了 -->
   <input type="text" v-focus name="" id="" >
  </div>
  <script type="text/javascript" src="./js/vue.js"></script>
  <script type="text/javascript">
    /*
      自定义指令
    */
    Vue.directive('focus', {
    	// 指令的业务逻辑
    	inserted: function(el) {
    		// el 表示指令所绑定的元素
    		el.focus();
    	}
    })
    var vm = new Vue({
      el: '#app',
      data: {
        age: "",
        msg: ""

      },
      methods: {
        
          }
      
    });
  </script>
</body>
</html>
